<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">
<body>
	<ui:composition>

		<p:dataTable var="item" value="#{dtInventoryLazyView.lazyModel}"
			paginator="true" rows="10"
			paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
			rowsPerPageTemplate="5,10,15" selectionMode="single"
			selection="#{dtInventoryLazyView.selectedItem}" id="itemTable"
			lazy="true">
			<p:ajax event="rowSelect"
				listener="#{dtInventoryLazyView.onRowSelect}"
				update="#{ajaxRowSelectUpdate}" oncomplete="PF('itemDialog').show()" />
			<p:column headerText="Id" sortBy="#{item.id}" filterBy="#{item.id}">
				<h:outputText value="#{item.id}" />
			</p:column>
			<p:column headerText="Name" sortBy="#{item.name}"
				filterBy="#{item.name}">
				<h:outputText value="#{item.name}" />
			</p:column>
			<p:column headerText="Description" sortBy="#{item.description}"
				filterBy="#{item.description}">
				<h:outputText value="#{item.description}" />
			</p:column>
			<p:column headerText="Quantity">
				<h:outputText value="#{item.quantity}" />
			</p:column>
			<p:column headerText="Unit">
				<h:outputText
					value="#{item.unit.description} (#{item.unit.abbreviation})" />
			</p:column>

			<p:column headerText="Out-of-Stock Threashold">
				<h:outputText value="#{item.threashold}" />
			</p:column>
		</p:dataTable>

	</ui:composition>
</body>
</html>